<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--
   1.在某些情况下，一个页面的path路径可能是不确定的，比如我们进入用户界面时，希望是如下的路径：
      /user/aaaa或/user/bbbb
      除了有前面的/user之外，后面还跟上了用户的ID
      这种path和Component的匹配关系，我们称之为动态路由(也是路由传递数据的一种方式)
   2. - 首先, 我们知道路由中通常会定义很多不同的页面.
      - 这个页面最后被打包在哪里呢? 一般情况下, 是放在一个js文件中.
      - 但是, 页面这么多放在一个js文件中, 必然会造成这个页面非常的大.
      - 如果我们一次性从服务器请求下来这个页面, 可能需要花费一定的时间, 甚至用户的电脑上还出现了短暂空白的情况.
      - 如何避免这种情况呢? 使用路由懒加载就可以了.
   3.路由懒加载做了什么?
      路由懒加载的主要作用就是将路由对应的组件打包成一个个的js代码块.
      只有在这个路由被访问到的时候, 才加载对应的组件
   4.所有js代码被打包成三个文件：
        - app...js (当前应用程序开发的所有业务代码)
        - manifest...js （为了给打包的代码做底层支撑的，为底层的导入导出做底层支撑的）
        - vendor...js （项目里引用的第三方的东西都打包在这里，比如：vue框架，axios...）
   5.懒加载的方式：在ES6中, 我们可以有更加简单的写法来组织Vue异步组件和Webpack的代码分割.
        const Home=() => import('../components/Home.vue')


-->
</body>
</html>